<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        td {
            border: 1px solid;
        }
    </style>
</head>

<body>
    <!-- <div id="father">
        <p id="p"></p>
    </div> -->


    <!-- <div id="father"></div> -->

    <!-- <h1 id="h1"></h1> -->

    <table>
        <tbody id="tbody"></tbody>
    </table>

    <script>
        // let str = '';
        // for (let i = 1; i <= 9; i++) {
        //     str += `<tr>`;
        //     for (let j = 1; j <= i; j++) {
        //         str += `<td>${i}*${j}=${i * j}</td>`;
        //     }
        //     str += `</tr>`;
        // }
        // tbody.innerHTML = str;
        // console.log(str);


        // for (let i = 1; i <= 9; i++) {
        //     let tr = document.createElement('tr');
        //     for (let j = 1; j <= i; j++) {
        //         let td = document.createElement('td');
        //         td.innerText = `${i}*${j}=${i * j}`;
        //         tr.appendChild(td);
        //     }
        //     tbody.appendChild(tr);
        // }


        // setInterval(function () {
        //     let time = new Date();
        //     let h = time.getHours();
        //     let m = time.getMinutes();
        //     let s = time.getSeconds();

        //     if (s < 10) {
        //         s = '0' + s;
        //     }

        //     h1.innerText = `${h}:${m}:${s}`;
        // }, 1000);





        // let number = 5;
        // let timer = setInterval(function () {
        //     if (number >= 0) {
        //         // console.log(number);
        //         h1.innerText = number;
        //         number--;
        //     } else {
        //         // 停 setInterval() 的返回值
        //         clearInterval(timer);
        //     }
        // }, 1000);


        // father.innerText = '<p>heihei</p>';
        // father.innerHTML =`
        //     <p></p>
        //     <a></a>
        //     <p></p>
        // `;


        // let father = document.getElementById('father');
        // let p = document.getElementById('p');

        // let a = document.createElement('a');
        // father.insertBefore(a, p);

    </script>
</body>

</html>